extends ./../layout

block title

  meta(name="description" content="最近更新了超多的免费课程，包括项目实战和基础视频，你还在等什么能还不赶紧来学习？")
  meta(name="keywords" content="go，html，css，后端，vue，php，java，node，koa, 在线技术学习")
  link(rel="stylesheet" href="/css/home/course.css" )

block content
  //- data-module 用户 require.js 的模块自动加载
  .course(class="pages" data-module="course")
    .container
      .courseList
        .courseList-dir
          span 课程分类：
          ul
            each val, index in classList
              li(title=`${val.classTitle}`)
                a(c=`${val.objectId}` class='tagc' href=`/course/${val.objectId}`) #{val.classTitle}
        .courseList-video
          if courseList.length == 0
            .nocourse
               span(uk-icon="icon: folder; ratio: 3.2")
               p 暂无课程，看看其他分类
          else
          ul
            each val in courseList
              li
                a(href=`/info/${val.objectId}` target="_blank")
                  img(src=`${val.courseImageUrl}`, alt=`${val.courseTitle}`)
                  h2(uk-tooltip=`title: ${val.courseTitle};pos: bottom`) #{val.courseTitle.substring(0,28)}..
                  p
                   span(class="uk-label uk-label-danger") #{val.courseCharge}课程
                   span(class="uk-label uk-label-success") #{val.courseResource}
                   span(class="uk-label uk-label-warning") #{val.courseDate}

      //.page-class
      //  ul
      //    li
      //      a(href="") 上一页
      //    li
      //      a(href="") 1
      //    li
      //      a(href="") 2
      //    li
      //      a(href="") ...
      //    li
      //      a(href="") 43
      //    li
      //      a(href="") 下一页


